<!DOCTYPE html>
<body>
<!-- crbug.com/1119312.  Only block/inline diffrence should be applied. -->
<div>Flex <input type=file style="display:flex"></div>
<div>Inline-flex <input type=file style="display:inline-flex"></div>
<div>Grid <input type=file style="display:grid"></div>
<div>Inline-grid <input type=file style="display:inline-grid"></div>
<div>Table <input type=file style="display:table"></div>
<div>Inline-table <input type=file style="display:inline-table"></div>
<div>Block <input type=file style="display:block"></div>
<div>Inline <input type=file style="display:inline"></div>
<script>
for (let input of document.querySelectorAll('input')) {
  let text = document.createTextNode(getComputedStyle(input).display);
  input.parentNode.insertBefore(text, input.nextSibling);
}
</script>
</body>
